<nav class="p-6">
  <div class="text-base breadcrumbs p-4 rounded-md bg-white shadow-md">
    <ul>
      <li><a routerLink="/home">Home</a></li>
    </ul>
  </div>
</nav>

<div class="hero">
  <div class="hero-content text-center">
    <div class="max-w-md">
      <h1 class="text-5xl font-bold">Hello there</h1>
      <p class="py-6">
        Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda
        excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a
        id nisi.
      </p>
      <button class="btn btn-primary" routerLink="/products">
        See Products
      </button>
    </div>
  </div>
</div>
